<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="./common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鲜橙产品</title>
<!--加载head和footer公用的css开始-->
<link charset="utf-8" type="text/css" href="css/common.css" rel="stylesheet"/>
<!--加载head和footer公用的css结束-->
<!--加载service页面的css开始-->	
<link charset="utf-8" type="text/css" href="css/product.css" rel="stylesheet"/>
<!--加载service页面的css结束-->
<!--加载公用的jquery的js开始-->
<script type="text/javascript" src="js/jquery-1.4.js"></script>
<!--加载公用的jquery的js结束-->
<!--网页界面宽度随浏览器变化开始-->
<script type="text/javascript">
	$(document).ready(function(){
		
		var width = document.body.offsetWidth ;
		var w = width+"px";
		document.getElementById("headerActiveBac").style.width = w;
		document.getElementById("mainActiveBac").style.width = w;
		document.getElementById("footerMaskBac").style.width = w;
		document.getElementById("headerShadowBac").style.width = w;
	});
	
	window.onresize = function(){
		var width = document.body.offsetWidth ;
		var w = width+"px";
		document.getElementById("headerActiveBac").style.width = w;
		document.getElementById("mainActiveBac").style.width = w;
		document.getElementById("footerMaskBac").style.width = w;
		document.getElementById("headerShadowBac").style.width = w;	
	}
</script>
<!--网页界面宽度随浏览器变化结束-->
<!--网页界面展示部分开始-->

<!--网页界面展示部分结束-->
<style type="text/css"></style>
</head>
<body>
<!--页面内容开始-->
<div id="headerActiveBac" style="position:absolute; height:100px; background:url(image/headbac.png) repeat; overflow:visible; z-index:-100;"></div>
<div id="mainActiveBac" style=" margin-top:100px; height:100%; position:absolute; background:url(upload${bannerExt}) repeat-x; overflow:visible; z-index:-100;"></div>
<div id="headerShadowBac" style="position:absolute; height:6px; background:url(image/shadow.png) repeat-x scroll left top transparent; overflow:visible;margin-top:100px;z-index:100;"></div>
<div class="clearfloat"></div>
<div class="content">
  <!--页面头部开始-->
  <div class="header">
    <div id="header_logo"><a href="index.action"><img style="border:none;"src="image/logo.png" alt="logo"/></a></div>
    <div id="header_nav">
      <ul>
        <li><a href="index.action">首页</a></li>
        <li><a href="about.html">关于鲜橙</a></li>
        <li><a href="LoadCase.action">鲜橙案例</a></li>
        <li><a href="service.jsp">鲜橙服务</a></li>
        <li><a style="color:#ea5404;"  href="LoadProduct.action">鲜橙产品</a></li>
        <li><a href="contact.html">联系我们</a></li>
      </ul>
    </div>
  </div>
  <!--页面头部结束-->
  <div class="clearfloat"></div>
  <!--页面中间开始-->
  <div class="main">
    <!--页面中间导航开始-->
    <div id="main_nav" style="background:url(upload${banner}) repeat scroll; margin:0 auto; width:960px;">
		<s:iterator value="productList" status="product">
		<s:if test="#product.Index %3==0">
    	<ul style="float:left; list-style:none; margin:0 auto; margin-top:45px;padding:0px; margin-left:30px;">
			<li style="float:left;">
		</s:if>			
		<s:else>
			<li style="float:left; margin-left:80px;">
		</s:else>			
            	<div style="float:left;">
					<img style="height:80px;width:80px;"src="upload<s:property value='filelink'/>" />
				</div>
                <div style="float:left; margin-left:-20px;">
                    <ul style="list-style:none; margin-top:-3px; ">
                    <li style="height:30px;">
						<s:url action="LoadProduct" id="lp">
							<s:param name="productIndex" value="#product.Index"></s:param>
						</s:url><s:a href="%{lp}">
						<span style="font-size:18px; color:#895236;">
							<s:property value="name"/>
						</span></s:a>
					</li>
                    <li style="color:#506068;font-size:12px;height:20px;">类别：
						<span style="color:#999999;">
                    		<s:property value="sort" />
						</span>
					</li>
                    <li style="color:#506068;font-size:12px;">发布时间：
						<span style="color:#999999;">
							<s:date format="yyyy年MM月dd日" name="publishDate" />
						</span>
					</li>
                    </ul>
                </div>
            </li>
			
		<s:if test="#product.Index %3 == 2">
			</ul>
		</s:if>
		<s:elseif test="#product.Index == productList.size-1">
			</ul>
		</s:elseif>
        </s:iterator>    
    </div>
    <!--页面中间导航结束-->
    <div class="clearfloat"></div>
    <!--页面中间内容开始-->
    <div id="main_content">
        <div id="main_left" >
        	<div id="productCrop" style="margin-top:30px; margin-left:30px;"><img src="upload<s:property value='tempProduct.filelink' />" /></div>
            <div id="productCrop1" style="margin-top:30px; margin-left:30px;">
				<a href="<s:property value='tempProduct.itunesLink' />"><img style="border:hidden none;" src="image/app_store.png" /></a>
			</div>
			<ul style="list-style:none;padding-right:20px;">
            	<li>
					<a href="javascript:window.open('http://v.t.sina.com.cn/share/share.php?title='+encodeURIComponent(document.title.substring(0,76))+'_'+'<s:property value='tempProduct.name' />'+'&url='+encodeURIComponent(location.href)+'&rcontent=','_blank','scrollbars=no,status=no,resizable=yes'); void 0">
						<img style="width:25px; height:25px; border:thin solid #999999;" alt="转发到新浪微博" src="image/favicon.ico" />
					</a>

					<a style="margin-left:8px;" href="javascript:window.open(' http://v.t.qq.com/share/share.php?title='+encodeURIComponent(document.title.substring(0,76))+'_'+'<s:property value='tempProduct.name' />'+'&link='+encodeURIComponent(location.href)+'&content=','_blank','scrollbars=no,status=no,resizable=yes'); void 0">
						<img style="width:25px; height:25px; border:thin solid #999999;" alt=转帖到腾讯微博 src="image/favicon1.ico" />
					</a>
				
          			<a style="margin-left:8px;" href="javascript:window.open('http://www.kaixin001.com/repaste/share.php?rtitle='+encodeURIComponent(document.title.substring(0,76))+'_'+'<s:property value='tempProduct.name' />'+'&rurl='+encodeURIComponent(location.href)+'&rcontent=','_blank','scrollbars=no,status=no,resizable=yes'); void 0">
						<img style="width:25px; height:25px; border:thin solid #999999;" alt=转帖到开心网 src="image/favicon2.ico"/>
					</a>
				
          			<a style="margin-left:8px;" href="javascript:window.open('http://share.renren.com/share/buttonshare.do?title='+encodeURIComponent(document.title.substring(0,76))+'_'+'<s:property value='tempProduct.name' />'+'&link='+encodeURIComponent(location.href)+'&content=','_blank','scrollbars=no,status=no,resizable=yes'); void 0">
						<img style="width:25px; height:25px; border:thin solid #999999;" alt=转帖到人人网 src="image/favicon-rr.ico" />
					</a>

				</li>
            </ul>
            
            <ul style="list-style:none;padding-right:20px;">
				<li style="list-style:none;">
					<img src="image/plus.png" />
					
						<span style="font-size:14px;color:#784d32;"><s:property value='tempProduct.adaption' /></span>
					
				</li>
			</ul>
            <ul style="list-style:none;padding-right:20px;">
            	<li style="font-size:14px;color:#506068; height:30px;">类别：
					<span style="font-size:12px;color:#999999;"><s:property value='tempProduct.sort' /></span>
				</li>
                <li style="font-size:14px;color:#506068; height:30px;">发布时间：
					<span style="font-size:12px;color:#999999;"><s:date format="yyyy年MM月dd日" name="tempProduct.publishDate" /></span>
				</li>
                <li style="font-size:14px;color:#506068; height:30px;">版本：
					<span style="font-size:12px;color:#999999;"><s:property value='tempProduct.version' /></span>
				</li>
                <li style="font-size:14px;color:#506068; height:30px;">大小：
					<span style="font-size:12px;color:#999999;"><s:property value='tempProduct.size' /></span>
				</li>
                <li style="font-size:14px;color:#506068; height:30px;">语言：
					<span style="font-size:12px;color:#999999;"><s:property value='tempProduct.language' /></span>
				</li>
                <li style="font-size:14px;color:#506068; height:30px;">发布商：
					<span style="font-size:12px;color:#999999;"><s:property value='tempProduct.company' /></span>
				</li>
                <li style="font-size:14px;color:#506068; height:30px;">系统要求：
					<span style="font-size:12px;color:#999999;"><s:property value='tempProduct.requirements' /></span>
				</li>
                
            </ul>
        </div>
        <div id="main_right" >
        	<h2 style="margin-top:30px;font-family:Microsoft Yahei;font-size:24px; color:#895236;"><s:property value='tempProduct.name' /></h2>
            <div style="margin-top:-15px;"><span style="font-family:Microsoft Yahei;font-size:18px; color:#895236;">内容提要</span></div>
            <div style="margin-top:-5px;">
            	<span style="font-size:12px; color:#999999;" id="productDescription"><s:property value='tempProduct.summary' /></span>
            </div>
            <div id="productImages" style="margin-top:10px;">
				<s:iterator value="tempPhotoList" status="photo">
					<s:if test="#photo.Index ==0">
            			<div id="product1"><img src="upload<s:property value='filelink'/>" /></div>
					</s:if>
					<s:else>
					     <div id="product2" style="margin-top:20px;"><img src="upload<s:property value='filelink' />"/></div>
					</s:else>
				</s:iterator>
            </div>
        </div>
    </div>
    
    <!--页面中间内容结束-->
  </div>
  <!--页面中间结束-->
  <div class="clearfloat"></div>
  <!--页面底部开始-->
  <div class="footer">
    <div id="footer_nav">
      <ul>
        <li><a href="index.action">首页</a></li>
        <li><a href="about.html">关于鲜橙</a></li>
        <li><a href="LoadCase.action">鲜橙案例</a></li>
        <li><a href="service.jsp">鲜橙服务</a></li>
        <li><a href="LoadProduct.action">鲜橙产品</a></li>
        <li><a href="contact.html">联系我们</a></li>
      </ul>
      <div style="margin-left:80px; margin-top:37px;"><span style="font-size:12px; color:#696969; font-weight:bold;"> © 2011 SUNSUM All rights reserved.</span></div>
    </div>
  </div>
  <!--页面底部结束-->
</div>
<div id="footerMaskBac" style=" margin-top:-120px; position:absolute; height:120px; background:url(image/footerBac_ext.png) repeat; overflow:visible; z-index:-100;"></div>
<!--页面内容结束-->

</body>
</html>
